@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    text-align: none;
    list-style: none;
}
.web {
    header {
        font-size: 0;
        background: linear-gradient(#fafafa, #e2e2e2);
        a {
            display: inline-block;
            height: 4.73vw;
            width: 9.8vw;
            text-align: center;
            line-height: 4.73vw;
            /* 行高 */
            font-size: 0.93vw;
            color: #535353;
            vertical-align: middle;
        }
        a:first-child {
            width: 14.2vw;
            border-radius: 1px solid #c1c1c1;
            img {
                width: 5.27vw;
                height: 5.13vw;
                vertical-align: middle;
                /* 垂直对齐图像 */
            }
            a:hover {
                background-color: #bbbb;
            }
        }
    }
    main {
        .nan {
            width: 100vw;
            height: 34.8vw;
            background-size: cover;
            background-image: url("../img/jituan/k.png");
            .son {
                width: 8.67vw;
                height: 1.4vw;
                display: flex;
                justify-content: center;
                align-items: center;
                padding-top: 1.47vw;
                padding-left: 20.8vw;
                p {
                    font-size: 0.8vw;
                    letter-spacing: 0vw;
                    color: #ffffff;
                    margin: 0.5vw;
                }
                .gang {
                    width: 0.07vw;
                    height: 1.4vw;
                    background-color: #d9d9d9;
                }
            }
            .hezi {
                width: 33vw;
                height: 8vw;
                margin-top: 9vw;
                margin-left: 20.67vw;
                h1 {
                    height: 3.13vw;
                    font-size: 3.2vw;
                    letter-spacing: 0.16vw;
                    color: #ffffff;
                }
                p {
                    height: 1.07vw;
                    font-size: 1.1vw;
                    letter-spacing: 0.15vw;
                    color: #ffffff;
                    margin-top: 0.7vw;
                }
                h4 {
                    height: 1.53vw;
                    font-size: 1.47vw;
                    letter-spacing: 0.07vw;
                    color: #ffffff;
                    margin-top: 1vw;
                }
            }
        }
        .top {
            width: 52vw;
            height: 4vw;
            margin: 0 auto;
            margin-top: 5vw;
            .left {
                font-size: 1.47vw;
                line-height: 1.06vw;
                letter-spacing: 0.07vw;
                color: #12151c;
                margin-left: -2vw;
            }
            .rights {
                font-size: 1.47vw;
                line-height: 2vw;
                letter-spacing: 0vw;
                color: #525252;
                opacity: 0.5;
                width: 45.2vw;
                height: 1.87vw;
                background-color: #efefef;
                margin: 0 auto;
                margin-top: 0.3vw;
            }
        }
        .zhongbu {
            height: 52vw;
            .wenti {
                width: 43.93vw;
                height: 23.27vw;
                font-size: 0.8vw;
                line-height: 1.47vw;
                letter-spacing: 0vw;
                color: #525252;
                opacity: 0.9;
                margin: 0 auto;
                margin-top: 3vw;
            }
            .zhao {
                width: 43.53vw;
                height: 17.33vw;
                background-size: cover;
                background-image: url(../img/jituan/012.png);
                margin: 0 auto;
            }
            .xiaohe {
                height: 2.27vw;
                width: 8.6vw;
                padding-top: 9vw;
                padding-left: 32.07vw;
                p {
                    font-size: 0.8vw;
                    line-height: 1.63vw;
                    letter-spacing: 0.04vw;
                    color: #525252;
                }
            }
            .houtu {
                width: 42.5vw;
                height: 3vw;
                margin: 0 auto;
                margin-top: 1vw;
            }
            .dian {
                width: 44vw;
                height: 0.13vw;
                margin: 0 auto;
                line-height: 1.06vw;
                letter-spacing: -0.09vw;
                color: #525252;
                opacity: 0.5;
                margin-top: 5vw;
            }
        }
        .ziuhou {
            height: 24vw;
            margin-top: 5vw;
            background-color: aqua;
            margin: 0 auto;
            position: relative;
            .hou {
                width: 6.67vw;
                height: 2vw;
                font-size: 0.93vw;
                line-height: 2.57vw;
                letter-spacing: 0.05vw;
                color: #12151c;
                border-style: solid;
                border-top-color: #12151c;
                border-left-color: #ffffff;
                border-right-color: #ffffff;
                border-bottom-color: #ffffff;
                margin-left: 20.67vw;
                position: absolute;
                top: 5.73vw;
            }

            .diu {
                width: 1.4vw;
                height: 0.07vw;
                background-color: #86878b;
                opacity: 0.5;
                display: inline-block;
                margin: 0 1vw;
            }
            .main1 {
                width: 15vw;
                height: 1vw;
                display: flex;
                align-items: center;
                position: absolute;
                left: 28.67vw;
                top:6vw
            }
            .main2 {
                width: 44vw;
                height: 0.13vw;
                margin: 0 auto;
                line-height: 1.06vw;
                letter-spacing: -0.09vw;
                color: #525252;
                opacity: 0.5;
                margin-top: 4vw;
                padding-top: 7vw;
            }
            .main3 {
                display: flex;
                align-items: center;
                position: absolute;
                left: 28.67vw;
                top:10vw;
            }
            .main4 {
                width: 44vw;
                height: 0.13vw;
                margin: 0 auto;
                line-height: 1.06vw;
                letter-spacing: -0.09vw;
                color: #525252;
                opacity: 0.5;
                margin-top: 4vw;
            }
            .main5 {
                display: flex;
                align-items: center;
                position: absolute;
                left: 28.67vw;
                top:14vw;
            }
            .main6 {
                width: 44vw;
                height: 0.13vw;
                margin: 0 auto;
                line-height: 1.06vw;
                letter-spacing: -0.09vw;
                color: #525252;
                opacity: 0.5;
                margin-top: 4vw;
            }
        }
    }
    footer {
        width: 100vw;
        height: 5vw;
        background-color: #444444;
        .kkk {
            width: 16vw;
            height: 1vw;
            display: flex;
            justify-content: space-between;
            padding-top: 3vw;
            padding-left: 18.4vw;
            a {
                font-size: 0.5vw;
                color: #ffffff;
                text-decoration: none;
                /* 去除下滑线 */
            }
        }
        .vvv {
            font-size: 0.3vw;
            color: #ffffff;
            letter-spacing: 0vw;
            opacity: 0.8;
            margin-top: -1vw;
            margin-left: 58vw;
        }
    }
}
